<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 实例 - 响应式的导航栏</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/jfcss.css" rel="stylesheet">
    <script src="js/jquery-3.1.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.goup.min.js"></script>
    <script type="text/javascript" src="js/jframe.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
</head>
<body>
<nav id="jf-head-nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
</nav>

<div class="container">
    <!--<div class="row">-->
    <!--&lt;!&ndash; 添加导航元素，最热，最新&ndash;&gt;-->
    <!--<div class="container">-->
    <!--<ul class="nav nav-tabs">-->
    <!--<li class="tab-active"><a href="#">最新</a></li>-->
    <!--<li ><a href="#">热门</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <div class="row">

        <div class="col-md-9 col-sm-12">
            <!--专辑简述-->
            <div style="float: left;background-color: #fff">


                <div class="col-md-4 col-sm-4 col-xs-12" style="padding: 0px">
                    <img src="img/6.jpeg" style="max-width: 100%">
                </div>
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <div class="jf-hr" style="margin-top: 10px">

                        <div class="col-sm-9 col-xs-10" style="padding: 0px;">专辑标题专辑标题专辑标题专</div>
                        <!--<h3 class="col-sm-3"><a  class="" id="focusOnUser" href="javascript:0;">关注</a></h3>-->
                        <!--编辑或者关注-->
                        <!--glyphicon glyphicon-star 收藏，或者编辑-->
                        <div class="col-sm-3 col-xs-2  text-right" >
                            <a id="editAlbum" href="javascript:0;">
                                <span class="hidden-xs">编辑</span>
                                <span class="glyphicon glyphicon-edit"></span>
                            </a>
                            <!--todo 收藏-->
                        </div>

                    </div>
                    <div class="col-xs-12" style="margin: 10px 10px;padding: 0px">
                        <img src="img/7.jpg" style="width: 40px;height: 40px;max-width: 100%;max-height: 100%">
                        <!--用户信息-->
                        <a href="./user-index.html">xiaoYOY</a> <span class=""
                                                      style="font-size: 12px;margin-left: 10px;color: gray">创建于 2016-12-12</span>
                    </div>

                    <!--标签-->
                    <div class="" style="margin: 10px 0px;font-size: 12px;">
                        <span class="jf-tag">hahah</span>
                        <span class="jf-tag">spring mvc</span>
                        <span class="jf-tag">java</span>
                        <span class="jf-tag">bootstrap</span>
                        <span class="jf-tag">vue.js</span>
                    </div>

                    <div style="padding: 0px" class="col-xs-12">
                        <h4 >专辑描述</h4>
                        <p>
                            暂时没有任何说明。暂时没有任何说明,暂时没有任何说明,暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明。暂时没有任何说明,暂时没有任何说明,暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明暂时没有任何说明
                        </p>
                    </div>

                </div>

            </div>

            <!--操作按钮-->



            <div class="jf-hr">
                文章列表
            </div>


            <!--文章列表-->
            <div style="float: left;">

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="media">
                            <!--<a class="pull-left hidden-xs" href="#">-->
                            <div class="pull-left hidden-xs jf-art-item-header">
                                <div class="jf-art-item-top-bar">
                                    <span>2000</span><br>
                                    <span>赞</span>
                                </div>
                                <div class="jf-art-item-glance-bar">
                                    <span>9999+</span> <br>
                                    <span>浏览</span>
                                </div>
                            </div>
                            <div class="media-body ">
                                <a class="media-heading jf-art-item-title" href="./ariticle.html">nginx入门系列（四）：nginx的location配置</a>
                                <div class="jf-art-item-desc ">
                                    nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，全部位于nginx安装目录下的conf目录下。nginx配置中的注释使用“#”开头，自#到行尾都视为注释内容，nginx会忽略这些内容。
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


            </div>



        </div>


        <!-- 右侧展示栏-->
        <div class="col-md-3 hidden-xs hidden-sm">
            <div class="panel panel-default">
                <div class="panel-body">
                    <p>
                        Bootstrap 导航栏可以动态定位。默认情况下，它是块级元素，它是基于在 HTML
                        中放置的位置定位的。通过一些帮助器类，您可以把它放置在页面的顶部或者底部，或者您可以让它成为随着页面一起滚动的静态导航栏。
                        如果您想要让导航栏固定在页面的顶部，请向 .navbar class 添加 class .navbar-fixed-top。下面的实例演示了这点：
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="row">-->
        <!--<div class="col-md-9">-->
            <!--<div style="text-align: center">-->
                <!--<ul class="pagination">-->
                    <!--<li><a href="#">&laquo;</a></li>-->
                    <!--<li><a href="#">1</a></li>-->
                    <!--<li><a href="#">2</a></li>-->
                    <!--<li><a href="#">3</a></li>-->
                    <!--<li><a href="#">4</a></li>-->
                    <!--<li><a href="#">5</a></li>-->
                    <!--<li><a href="#">&raquo;</a></li>-->
                <!--</ul>-->
                <!--<br>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
</div>

<div class="container" style="margin-top: 100px">
    <footer>
        <div style="text-align: center">
            Copyright © 2016 jframe.cn<br>
            蜀ICP备16009498号
        </div>

    </footer>
</div>


</body>
</html>
